export const HeadingOnePlugin = {
  type: 'heading-one',
  shortcuts: {
    char: '#',
    type: 'heading-one',
    render: ({attributes, children}) => {
      return <h1 {...attributes}>{children}</h1>;
    },
  },
};

export const HeadingTwoPlugin = {
  type: 'heading-two',
  shortcuts: {
    char: '##',
    type: 'heading-two',
    render: ({attributes, children}) => {
      return <h2 {...attributes}>{children}</h2>;
    },
  }
};

export const HeadingThreePlugin = {
  type: 'heading-three',
  shortcuts: {
    char: '###',
    type: 'heading-three',
    render: ({attributes, children}) => {
      return <h3 {...attributes}>{children}</h3>;
    },
  }
};
